<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:replace="~{common/head::head}"></div>
<div class="right">
    <div class="location">
        <strong>你现在所在的位置是:</strong>
        <span>角色管理页面</span>
    </div>
    <div class="search">
        <a href="/sys/role/toAdd" >添加角色</a>
    </div>
    <table class="supplierTable" cellpadding="0" cellspacing="0">
        <tr class="firstTr">
            <th width="10%">角色编码</th>
            <th width="20%">角色名称</th>
            <th width="10%">创建时间</th>
            <th width="30%">操作</th>
        </tr>
        <!--<c:forEach var="role" items="${roleList }" varStatus="status">
            <tr>
                <td>
                    <span>${role.code }</span>
                </td>
                <td>
                    <span>${role.roleName }</span>
                </td>
                <td>
                    <span><fmt:formatDate value="${role.createdTime}" pattern="yyyy-MM-dd"/></span>
                </td>
                <td>
                    <span><a class="modifyRole" href="javascript:;" roleid=${role.id } rolename=${role.roleName }><img src="${pageContext.request.contextPath }/statics/images/xiugai.png" alt="修改" title="修改"/></a></span>
                    <span><a class="deleteRole" href="javascript:;" roleid=${role.id } rolename=${role.roleName }><img src="${pageContext.request.contextPath }/statics/images/schu.png" alt="删除" title="删除"/></a></span>
                </td>
            </tr>
        </c:forEach>-->
        <tr th:each="role, status : ${roleList}">
            <td th:text="${role.code}">[[${role.code}]]</td>
            <td th:text="${role.roleName}">[[${role.roleName}]]</td>
            <td th:text="${role.createdTime}">[[${role.createdTime}]]</td>
            <td>
                <span><a class="modifyRole" href="javascript:;" th:roleid="${role.id}" th:rolename="${role.roleName}"><img th:src="@{/images/xiugai.png}" alt="修改" title="修改"/></a></span>
                <span><a class="deleteRole" href="javascript:;" th:roleid="${role.id}" th:rolename="${role.roleName}"><img th:src="@{/images/schu.png}"  alt="删除" title="删除"/></a></span>
            </td>
        </tr>
    </table>
</div>
</section>
</div>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeRole">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该角色吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<div th:replace="~{common/foot::foot}"></div>
<script type="text/javascript" th:src="@{/js/sysRole/list.js}"></script>


</body>
</html>